<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>推送管理</title>
		<link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/base.css" />
		<link rel="stylesheet" type="text/css" href="../../css/index.css" />
		<link rel="stylesheet" type="text/css" href="../../css/tuisong/push.css" />
		<script type="text/javascript" src="../../js/jquery-2.1.3.min.js"></script>
		<script type="text/javascript" src="../../js/bootstrap.min.js"></script>
		<script type="text/javascript" src="../../js/loadHtml.js"></script>
	</head>
	<body>
		<div class="wrapper clearfix">
			<div class="sideBar"></div>
			<div class="main">
				<div class="zixunTop">
					<h1 class="title">推送管理</h1>
					<div class="choose">
						<div class="chooseLeft">
							<input type="text" placeholder="请输入医生姓名" class="inputSize" />
							<button class="btn1">
								搜索
							</button>
						</div>
						<button class="btnAdd">新建推送</button>
					</div>
				</div>
				<div class="tableMain">
					<table class="table table-striped">
					<thead>
						<tr>
							<th>消息名称</th>
							<th>消息内容</th>
							<th>推送时间</th>
							<th>状态</th>
							<th>类别</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>
								<p>消息名称消息名称消息名称消息名称</p>
							</td>
							<td>
								<p>消息内容消息内容消息内容消息内容</p>
							</td>
							<td>2014-03-02 13:45</td>
							<td>推送失败</td>
							<td>系统消息</td>
							<td class="last">
								<div style="margin-left:0;">
									<img src="../../img/chakan.png"/>
									<h1>查看</h1>
								</div>
								<div>
									<img src="../../img/del.png" />
									<h1>删除</h1>
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<p>消息名称消息名称消息名称消息名称</p>
							</td>
							<td>
								<p>消息内容消息内容消息内容消息内容</p>
							</td>
							<td>2014-03-02 13:45</td>
							<td>推送失败</td>
							<td>系统消息</td>
							<td class="last">
								<div style="margin-left:0;">
									<img src="../../img/chakan.png"/>
									<h1>查看</h1>
								</div>
								<div>
									<img src="../../img/del.png" />
									<h1>删除</h1>
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<p>消息名称消息名称消息名称消息名称</p>
							</td>
							<td>
								<p>消息内容消息内容消息内容消息内容</p>
							</td>
							<td>2014-03-02 13:45</td>
							<td>推送失败</td>
							<td>系统消息</td>
							<td class="last">
								<div style="margin-left:0;">
									<img src="../../img/chakan.png"/>
									<h1>查看</h1>
								</div>
								<div>
									<img src="../../img/del.png" />
									<h1>删除</h1>
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<p>消息名称消息名称消息名称消息名称</p>
							</td>
							<td>
								<p>消息内容消息内容消息内容消息内容</p>
							</td>
							<td>2014-03-02 13:45</td>
							<td>推送失败</td>
							<td>系统消息</td>
							<td class="last">
								<div style="margin-left:0;">
									<img src="../../img/chakan.png"/>
									<h1>查看</h1>
								</div>
								<div>
									<img src="../../img/del.png" />
									<h1>删除</h1>
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<p>消息名称消息名称消息名称消息名称</p>
							</td>
							<td>
								<p>消息内容消息内容消息内容消息内容</p>
							</td>
							<td>2014-03-02 13:45</td>
							<td>推送失败</td>
							<td>系统消息</td>
							<td class="last">
								<div style="margin-left:0;">
									<img src="../../img/chakan.png"/>
									<h1>查看</h1>
								</div>
								<div>
									<img src="../../img/del.png" />
									<h1>删除</h1>
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<p>消息名称消息名称消息名称消息名称</p>
							</td>
							<td>
								<p>消息内容消息内容消息内容消息内容</p>
							</td>
							<td>2014-03-02 13:45</td>
							<td>推送失败</td>
							<td>系统消息</td>
							<td class="last">
								<div style="margin-left:0;">
									<img src="../../img/chakan.png"/>
									<h1>查看</h1>
								</div>
								<div>
									<img src="../../img/del.png" />
									<h1>删除</h1>
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<p>消息名称消息名称消息名称消息名称</p>
							</td>
							<td>
								<p>消息内容消息内容消息内容消息内容</p>
							</td>
							<td>2014-03-02 13:45</td>
							<td>推送失败</td>
							<td>系统消息</td>
							<td class="last">
								<div style="margin-left:0;">
									<img src="../../img/chakan.png"/>
									<h1>查看</h1>
								</div>
								<div>
									<img src="../../img/del.png" />
									<h1>删除</h1>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
				<ul class="pagination">
  					<li><a href="#">&laquo;</a></li>
  					<li class="active"><a href="#">1</a></li>
  					<li class="disabled"><a href="#">2</a></li>
  					<li><a href="#">3</a></li>
  					<li><a href="#">4</a></li>
  					<li><a href="#">5</a></li>
  					<li><a href="#">&raquo;</a></li>
				</ul>
				</div>
				
				<!-- 弹框内容 1-->
				<div class="alertMain">
					<div class="alertCon">
						<img src="../../img/arrow.png" />
						<h1>删除资讯</h1>
						<p>确定取消该资讯？</p>
						<div>
							<button>保存</button>
							<button>取消</button>
						</div>
					</div>
				</div>
				
			</div>
		</div>
	</body>
</html>
<script type="text/javascript">
	$(function(){
		$('.last div').hover(function(){
			$(this).children('h1').show();
		},function(){
			$(this).children('h1').hide();
		});
		
		$('.pagination li').click(function(){
			$(this).addClass('active').siblings('li').removeClass('active');
		});
		
		$('.table tr').find('.last div:eq(2)').click(function(){
			var alertTop=$(this).offset().top+60;
			$('.alertMain').css({'top':alertTop});
			$('.alertMain').show();
		});
		
		$('.alertCon button:eq(0)').click(function(){
			$('.alertMain').hide();
		});
		
	});
	
	
</script>